<!-- 已分配任务提示 -->
<template>
  <div id="dialog-container">
    <el-dialog v-dialogDrag title="分配任务操作提示" append-to-body 
      :visible.sync="dialogVisible" @close="$emit('update:show', false)" :show="show" :close-on-click-modal="false" width="400px">
      <h3>已分配给XX如下任务</h3>
      <div class="assignPart">
        <el-row>
          <el-col :span="6">任务单号：</el-col>
          <el-col :span="16">XXXXXXXXXXXXXXXXXXXX</el-col>
        </el-row><br>
        共计分配3条
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        dialogVisible: false
      }
    },
    props: {
      show: {
        type: Boolean,
        default: false,
      }
    },
    watch: {
      show() {
        this.dialogVisible = this.show;
      }
    }
  }
</script>

<style scoped>
  .assignPart {
    padding-left: 10px;
    margin-top: 20px;
    font-size: 14px;
  }
</style>

